<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="jquery-1.10.1.min.js"></script>
	<script type="text/javascript">
/*	$()下的常用方法
		addClass(): 添加class
		removeClass(): 删除class
		toggleClass() : 对被选元素进行添加或删除class的切换
*/
	$(function () {
		// $('div').addClass('box3 box4');			//box1 box2 box3 box4

		// $('div').addClass('box2 box4');			//box1 box2 box4   不会出现相同的

		// $('div').removeClass('box2');			//box1

		// $('div').toggleClass('box2');			//box1 box4

		// $('div').toggleClass('box1');			//box2

	})
	</script>
</head>
<body>
	<div class="box1 box2"></div>
</body>
</html>